// 对axios 做二次封装
// 1. 基地址 + 最长等待时间
// 2. 请求&响应拦截器
import { message } from 'antd'
import axios from 'axios'
import { getToken, removeToken } from './storage'
// import { useHistory } from 'react-router-dom'
// const history = useHistory()
import history from '@/utils/history'
const instance = axios.create({
  baseURL: 'http://toutiao.itheima.net/v1_0',
  // baseURL: 'http://geek.itheima.net/v1_0/', // 基地址
  timeout: 1000, // 最长等待时间5秒。如果一个请求超过了5秒还没有返回，就认定失败
})

// 请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 如果有token，就带上
    const token = getToken()
    if(token) {
      // 在请求头中补充一个字段
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
instance.interceptors.response.use(
  function (response) {
    // return response // .data
    return response.data
  },
  function (error) {
    console.dir(error)
    if(!error.response) {
      return message.error('网络超时')
    }
    // 小王的女朋友家的猫是公的？   50%

    // if（小王有女朋友){
    //   if(女朋友家的猫) {
    //     公的
    //   }
    // }
    // 401
    if(error.response.status === 401){
      // 1. 提示用户
      message.error('凭证过期了，请重新登录')
      // 2. 清空token
      removeToken()
      // 3. 回到登录页
      history.push('/login', { from: history.location.pathname })
      // window.location.href = '/login' // # 导致页面刷新
    } 
    return Promise.reject(error)
  }
)

export default instance
